<template>
    <div class="w-[616px] h-[102px] bg-6 pt-[51px] flex">
       <img v-if="type == 0" class="w-[104px] h-[34px] ml-[95px]" src="../assets/7.png" alt="">
       <img v-if="type == 1" class="w-[210px] h-[34px] ml-[95px]" src="../assets/16.png" alt="">
       <img v-if="type == 2" class="w-[151px] h-[34px] ml-[95px]" src="../assets/18.png" alt="">
       <img v-if="type == 3" class="w-[104px] h-[34px] ml-[95px]" src="../assets/19.png" alt="">


       <div v-if="show" class="bg-17 cursor-pointer w-[147px] h-[34px] ml-auto flex justify-center items-center text-[14px] " style=" pointer-events: auto;">
         查看更多
       </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'FTitle',
    props: ['type','show'],
    methods:{
 
    }
  }
  </script>
  
  <style scoped>
  .bg-6{
      background-image: url(../assets/6.png);
      background-size: 100% 100%;
  }
  .bg-17{
    background-image: url(../assets/17.png);
      background-size: 100% 100%;
  }
  </style>
  